.page-search {
  flex: 0;
  display: flex;
  background-color: #007BDE;
  flex-basis: 72rpx;
  padding: 30rpx;

  .search {
    flex: 1;
    display: flex;
    background: #FFFFFF;
    border-radius: 36rpx;
    padding: 16rpx 30rpx;

    .search-icon {
      flex: 0;
      flex-basis: 40rpx;
      width: 40rpx;
      height: 40rpx;

      .search-icon-logout {
        width: 40rpx;
        height: 40rpx;
      }
    }

    .search-input {
      flex: 1;
      margin: 0 10rpx;

      .search-input-logout {
        font-size: 28rpx;
        color: #333333;
        line-height: 40rpx;
      }
    }

    .placeholder-input {
      color: #CCCCCC;
    }
  }

  .filter {
    flex: 0;
    flex-basis: 40rpx;
    margin: 16rpx 0 16rpx 20rpx;

    .filter-icon {
      width: 40rpx;
      height: 40rpx;

      .filter-icon-logout {
        width: 40rpx;
        height: 40rpx;
      }
    }
  }
}